@charset "utf-8";
/* CSS Document */
body{
            text-align: center;   /*设置页面本身的内容居中*/
        }
        #div1{
            width: 1000px;
            height: 750px;
            border: 1px solid #EAEAEA;
            background: white;
            margin: 0 auto;     /*div配合body居中*/
            margin-top: 20px;
            position: position;
            }
        p{
            width: 980px;
            background:#EAEAEA;
            position: relative;
            margin-top: 50px;
            margin: 0 auto;
            align-content: left;
            text-align: left;
        }
        #p2{
			background-color:white;
            text-align: right;
            width: 1000px;
            margin: 0 auto;
        }
        #div1 ul li{
            text-align: left;
            list-style: none;
        }
       #btn1{
           background:orangered;
           margin-left: 90px;
           border: 0px;
           width: 80px;
           height: 25px;
           text-align: center;
           color: white;
           float: left;
       }
        #btn2{
           border: 0px;
           width: 80px;
           height: 25px;
           margin-left: 0px;
           text-align: center;
       }
       
       #btn5{
           background:orangered;
           margin-left: 10px;
           border: 0px;
           width: 80px;
           height: 25px;
           text-align: center;
           color: white;
       }
       #btn6{
           background:orangered;
           margin-left: 10px;
           border: 0px;
           width: 80px;
           height: 25px;
           text-align: center;
           color: white;
           
       }
       #list select{
           width: 80px;
           height: 22px;
       }
       #div2{
		   margin-left:0px;
           margin-top: 10px;
		   width:800px;
       }
       #div2 span{
           width: 300px;
           border: 1px solid  #EAEAEA;
           text-align: left;
		   font-size:36px;
		   display: table-cell;
           text-align: center;
           
       }
       #div3{
           height: 105px;
           width: 900px;
           text-align: left;
           margin-left: 50px;
           background:  #EAEAEA;
           
       }
       #btn3{
           width: 150px;
           height: 40px;
           margin-left: -530px;
           margin-right: 50px;
           border: 1px solid black;
           display: table-cell;
           text-align: center;
           vertical-align: middle;
		   background:#390;
		   color: white;
		   
       }
	   #btn4{
           width: 150px;
           height: 40px;
           margin-left: -30px;
           margin-right: 50px;
           border: 1px solid black;
           display: table-cell;
           text-align: center;
           vertical-align: middle;
		   background:dodgerblue;
		   color: white;
       }
       hr{
           filter: opacity(0.3);
       }
       .err{
           display: none;
           position: relative;
           color: red;
       }
       .err1{
           display: none;
           position: relative;
           color: red;
       }
       .err2{
           display: none;
           position: relative;
           color: red;
       }
       #ul2{
           float: left;
       }
       #ul2 li{
          display: inline;
          list-style-type: none;
          float: left;
       }
       #ul3{
           float: left;
       }
       #ul3 li{
          display: inline;
          list-style-type: none;
          float: left;
       }
       #ul4{
           float: left;
       }
       #ul4 li{
          display: inline;
          list-style-type: none;
          float: left;
       }
       .s1{
           margin-left: 20px;
       }